<!doctype html>
<html>

	<head>
		<!-- 页面字符编码 -->
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<title></title>

		<link href="css/mui.min.css" rel="stylesheet" />
		<link href="css/comm.css" rel="stylesheet" />
		<link href="css/layout.css" rel="stylesheet" />
		<link href="css/iconfont.css" rel="stylesheet" />
	</head>

	<body>
		<!-- 头部 S-->
		<header class="mui-bar mui-bar-nav  mui-bar-bom mui-bar-white">
			<a class="iconfont icon-fanhui mui-pull-left"></a>
			<h1 class="mui-title mui-bar-title">立即验证</h1>
		</header>
		<!-- 头部 E -->
		<div class="mui-content">
			<div class="mui-scroll-wrapper mscrollSet mui-scroll-top">
				<div class="mui-scroll">
					<div class="mui-verify">
						<div class="mui-verify-title">
							<em class="iconfont icon-yanzhengma mui-pull-left"></em>
							<dl>
								<dt>请认真确认此订单！</dt>
								<dd>输入并核对8位验证码!</dd>
							</dl>
						</div>
						<div class="mui-test-num mb70" id="password_input">
							<table border="0" cellspacing="" cellpadding="" class="mt44">
								<tr>
									<td>
										<input type="tel" maxlength="1" value="" class="pass" style="border-left:1px solid #bbb ;" />
									</td>
									<td>
										<input type="tel" maxlength="1" value="" class="pass" />
									</td>
									<td>
										<input type="tel" maxlength="1" value="" class="pass" />
									</td>
									<td>
										<input type="tel" maxlength="1" value="" class="pass" />
									</td>
									<td>
										<input type="tel" maxlength="1" value="" class="pass" />
									</td>
									<td>
										<input type="tel" maxlength="1" value="" class="pass" />
									</td>
									<td>
										<input type="tel" maxlength="1" value="" class="pass" />
									</td>
									<td>
										<input type="tel" maxlength="1" value="" class="pass" />
									</td>
								</tr>
							</table>
							<p class="mcenter">消费验证码(须消费者提供)</p>
						</div>
						<div class="mt20 mg10">
							<input type="submit" class="mui-btn mui-btn-block  mui-conf-btn" name="login" id="login" value="提交验证">
						</div>
						<div class="mt20 mg10">
							<input type="submit" class="mui-btn mui-btn-block  mui-conf-btn btn-color" name="login" id="login" value="扫二维码验证">
						</div>
					</div>
				</div>
			</div>
		</div>

		<script src="js/mui.min.js"></script>
		<script type="text/javascript" src="js/jquery-2.1.0.js"></script>
		<script src="js/scroll-wrapper.js"></script>
		<script type="text/javascript" src="js/jquery.pit.js"></script>
		<script type="text/javascript">
			//初始化密码输入框插件 
			var pit = $('#password_input').pit();
			$('#submit_btn').on('click', function() {
				pit.getPit();
			});
		</script>
	</body>

</html>